<template>
  <div class="header_bar">
    <span class="iconfont iconmulu fs30px" style='margin-left: 10px;margin-right: 10px;' @click='gotoCategory'></span>
    <div class="searchInput">
      <span class="iconfont iconshousuo fs22px"></span>
      <input type="text" placeholder="连衣裙" class="seaInp">
    </div>
    <span class="iconfont iconliaotianjilu fs26px" style='margin-left: 10px;margin-right: 10px;'></span>
  </div>
</template>
<script>
export default {
  data () {
    return {
    }
  },
  methods: {
    gotoCategory () {
      this.$router.push({
        path: '/newcategory'
      })
    }
  }
}
</script>
<style lang='less' scoped>
  .header_bar {
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    top: 0px;
    padding: 7.5px 5px;
    display: flex;
    justify-content: space-around;
    .searchInput {
      background-color: #f4f4f4;
      width: 100%;
      border-radius: 5px;
      line-height: 30px;
      display: flex;
      justify-content: space-between;
      padding-left: 5px;
      color: #666666;
      .seaInp {
        width: 100%;
        text-indent: 5px;
      }
    }
  }
</style>
